body{
	margin: 0;
	background: #333;
	
	
}
#title{
	position: absolute;
	width: 40%;
	height: 10%;
	top: 0;
	left: 30%;
	/*background: red;*/
	color: white;
	font-size: 30px;
	display: flex;/*弹性布局*/
	align-items: center;/*水平居中*/
	justify-content: center;/*竖直方向居中*/
}
#l1{
	position: absolute;
	width: 30%;
	height: 45%;
	top: 10%;
	left: 0;
	background: green;
}
#l2{
	position: absolute;
	width: 30%;
	height: 45%;
	top: 55%;
	left: 0;
	background: red;
}
#c1{
	position: absolute;
	width: 40%;
	height: 30%;
	top: 10%;
	left: 30%;
	/*background: red;*/
}
#c2{
	position: absolute;
	width: 40%;
	height: 60%;
	top: 40%;
	left: 30%;
	background: red;
}
#r1{
	position: absolute;
	width: 30%;
	height: 45%;
	top: 10%;
	right: 0;
	background: green;
}
#r2{
	position: absolute;
	width: 30%;
	height: 45%;
	top: 55%;
	right: 0;
	background: green;
}

#tim{
	position: absolute;
	/*width: 30%;*/
	height: 10%;
	top: 5%;
	right: 2%;
	/*background: lightgoldenrodyellow;*/
	font-size: 20px;
	color: white;
	
}
.num{
	width: 25%;
	float:left;
	display: flex;
	align-items: center;
	justify-content: center;
	color: gold;
	font-size: 20px;
	
	
	
}
.txt{
	
	width: 25%;
	float: left;
	font-family: "幼园";
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}
.txt h2{
	margin: 0;
}
